<template>
  <div class="grid-1">
    <img src="../../images/phone.png" alt="" />
    <span>自制</span>
    <p>手机热卖中.....</p>
  </div>
</template>
<style lang="scss" scoped>
.grid-1 {
  width: 400px;
  display: grid;
}
img,
span,
p {
  grid-area: 1/1/1/1;
}
span {
  justify-self: end;
  padding: 10px;
  color: red;
}
p {
  align-self: end;
  margin: 0;
  padding-left: 10px;
  background: rgba(0, 0, 0, 0.5);
}
</style>
